@import '../basic/config.scss';
@mixin classNameConnect($name) {
    $C: $namespace + '-' + $name !global;
    .#{$C} {
        @content;
    }
}

@mixin ci($name) {
    $CI: $namespace + '-' + $name;
    .#{$CI} {
        @content;
    }
}

@mixin el($element, $root: true, $self: false) {
    $selector: &;
    $currentSeletor: '';
    @each $key in $element {
        $currentSeletor: #{$currentSeletor + '.' + $C + $el-separator + $key + ','};
    }
    @if ($root) {
        @at-root {
            #{$currentSeletor} {
                @content;
            }
        }
    }
    @else {
        @if ($self) {
            &#{$currentSeletor} {
                @content;
            }
        }
        @else {
            #{$currentSeletor} {
                @content;
            }
        }
    }
}

@mixin b($element, $root: true, $self: false) {
    $selector: &;
    $currentSeletor: '';
    @each $key in $element {
        $currentSeletor: #{$currentSeletor +
 '.'+$C+$modifier-separator+$key+','
    }
    ;
}

@if ($root) {
    @at-root {
        #{$currentSeletor} {
            @content;
        }
    }
}

@else {
    @if ($self) {
        &#{$currentSeletor} {
            @content;
        }
    }
    @else {
        #{$currentSeletor} {
            @content;
        }
    }
}


}
@mixin when($state) {
    @at-root {
        &.#{$status-prefix + $state} {
            @content;
        }
    }
}
@mixin utils-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@mixin utils-rotate {
    transform: rotate(180deg);
}
@mixin clear-float {
    &:after {
        content: '';
        width: 0;
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
    }
}